<template>
<!--  100% 好像就可以了， 为何还要计算？ 2023-8-25 -->
<!--   style="width: 100%; height: 100%"-->
<!--  @load.stop="adjustIframe()"-->
  <iframe
    style="width: 100%; height: 100%"
    :src="iframeSrc"
    allowfullscreen
    class="iframeClass"
    ref="iframe"
    frameborder="0"
  ></iframe>
</template>
<script>
import { mapGetters } from 'vuex'
import { getToken } from '@/utils/auth'
export default {
  name: 'RouterLink',
  data() {
    return {
      iframeSrc: ''
    }
  },
  methods: {
    // 2023-8-25 这个好像也不需要了
    adjustIframe() {
      let ifm = this.$refs.iframe

      console.log(ifm,'iframe....') //加个 log 就不报错
      // old code error
      ifm.height = (document.documentElement.clientHeight - document.getElementById("el-header").offsetHeight) +'px' //需要减去头部的高度，不然会出现滚动条
      ifm.width = document.documentElement.clientWidth +'px'
    },
    // 监听iframe页面传输message
    listenMessage(event) {
      console.log(event)
    }
  },
  created() {
    let _this = this
    _this.iframeSrc = this.$route.query.url
    window.addEventListener('message', function(e){
      var obj=e.data;
      if(obj.clearToken){
        _this.$store.dispatch('user/resetToken').then(() => {
          _this.$router.replace('/login')
        })
      }
    });
  },
  mounted() {

  }
}
</script>
